<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>项目-关于学习</title>
    <link rel="stylesheet" th:href="@{css/projectPublic.css}">

</head>
<body>
<!--顶部-->
<div class="nav">
    <div class="nav-up">
        <div class="nav-up-1">
            <p style="margin-left: 50px;margin-top: 10px">欢迎使用高校电子投票系统</p>
        </div>
        <div class="nav-up-2">
            <ul>
                <li><a href="Index">首页</a></li>
                <li><a href="aboutUs">关于我们</a></li>
            </ul>
        </div>
    </div>
    <hr class="line" >
    <div class="nav-down">
        <div class="nav-down-1">
            <h1>高校电子投票系统</h1>
        </div>
        <div class="nav-down-2">
            <div class="nav-down-2-top">
                <ul>
                    <li><a href="login">重新登陆</a></li>
                    <li><a href="#"> | </a></li>
                    <li><a href="zhuce">注册</a></li>
                </ul>
            </div>

            <div class="nav-down-2-down">
                <p>咨询电话：xxx-xxxx-xxxx</p>
            </div>
        </div>
    </div>
</div>
<hr class="line">

<!--导航-->
<div class="GPS">
    <ul>
        <li><a href="Index"><img th:src="@{img/logo.png}" class="GPS-img"></a> </li>
        <li><a href="Index">网站首页</a></li>
        <li><a href="voteProject">投票项目</a></li>
        <li><a href="MesAboutStudy">资讯信息</a></li>
        <li><a href="user">个人中心</a></li>
    </ul>
</div>
<hr class="line" color="snow" size="2px">
<br>
<div style="margin-left: 467px" class="find">
    <div class="find-1">
        <p>项目查询：</p>
    </div>
    <div class="find-2">
        <form action="" method="get">
            <input type="text" name ="pname" placeholder="请输入搜索的项目名称" style="width: 400px;height: 60px;margin-bottom: 10px;float: left">
            <input type="submit" value="搜索" style="width: 50px;height: 25px;margin-left: 10px;margin-top: 21px;float: left">
        </form>
    </div>
</div>

<!--项目-->
<div class="project">
    <div class="project-up">
        <p>项目类型：</p>
        <form action="" method="post">
            <select id="project" onchange="window.location=this.value" >
                <option value="" hidden>请选择搜索的项目类型</option>
                <option value="voteProject?project=1">关于学习</option>
                <option value="voteProject?project=2">关于住宿</option>
                <option value="voteProject?project=3">关于食堂</option>
                <option value="voteProject?project=4">关于生活</option>
            </select>
        </form>
        <p></p>
    </div>
    <div class="project-down">
        <div class="project-down-1" th:each="pro : ${pRo}">
            <a th:text="${pro.getPname()}" href=""><span>关于学习</span></a>
            <a th:href="'ProjectVote?id='+${pro.getPid}" href=""><img th:src="@{${pro.getPimg()}}" ></a>
        </div>
    </div>
</div>
</body>
</html>